<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <title>滚滚筹-项目详情</title>
    <link rel="stylesheet" href="css/fb-common.min.css">
    <link rel="stylesheet" href="css/sliderBox.float.css">
    <link rel="stylesheet" href="css/jBox.css">
    <link rel="stylesheet" href="css/main.min.css?a=1.0">
    <link rel="stylesheet" href="css/product.min.css?a=1.0">
</head>
<body class="theme-f5">
<div class="fb-wrap gray-f5">
    <!--头部-->
    <div class="in-header-bar">
        <div class="in-fast-bar">
            <div class="fb-wrap-1200 fs-14 clear">
                <label class="in-fast-tel">
                    <i class="fb-sprite icon-head-tel"></i>
                    <span class="tc-999">服务热线：123456 （9:00~22:00）</span>
                </label>
                <div class="in-fast-nav">
                    <label class="in-user-nav">
                        <a class="border-none-right mr-0 tm-uline active" href="user-personal-center.html">欢迎你，13628332957</a>
                        <a class="fn-hover-bar" href="javascript:;">
                            <span>投资经理</span>
                            <label class="show-personal fn-hover-menu">
                                <b>您的专属投资经理</b>
                                <label>
                                    <img src="img/per-headImg.jpg">
                                    <em>徐继强</em>
                                    <em>13628332957</em>
                                </label>
                            </label>
                        </a>
                        <a class="" href="user-help.html">帮助中心</a>
                    </label>
                    <label class="in-user-fast">
                        <a class="app-ewm-bar fn-hover-bar" href="javascript:;">
                            <span class="fb-btn line main-color"><i class="fb-sprite icon-phone"></i>手机 APP</span>
                            <label class="show-app-ewm fn-hover-menu">
                                <img src="img/icon-ewm.png">
                                <span>扫一扫 ，下载APP</span>
                            </label>
                        </a>
                        <a class="app-qq-bar" href="javascript:;"><i class="fb-sprite icon-QQ"></i></a>
                        <a class="wx-ewm-bar fn-hover-bar" href="javascript:;">
                            <i class="fb-sprite icon-WX"></i>
                            <label class="show-wx-ewm fn-hover-menu">
                                <img src="img/icon-ewm.png">
                                <span>扫一扫，关注公众号</span>
                            </label>
                        </a>
                    </label>
                </div>
            </div>
        </div>
        <div class="in-head-bar">
            <div class="fb-wrap-1200 fs-16 pt-5 pb-10">
                <div class="fb-container clear">
                    <div class="in-head-login">
                        <a href="ggc-index.html">
                            <label class="logo"><img src="img/logo.png"></label>
                            <label class="logo-text">
                                <img src="img/logo-text.png">
                                <span class="fs-12 tc-333"><em class="tc-oag">785213</em>位投资人的选择</span>
                            </label>
                        </a>
                    </div>
                    <div class="in-head-nav">
                        <a class="active" href="ggc-index.html">
                            <em></em>
                            <span>首页</span>
                        </a>
                        <a href="ggc-cars-funding.html">
                            <em></em>
                            <span>汽车众筹</span>
                        </a>
                        <a href="ggc-safety-guarantee.html">
                            <em></em>
                            <span>安全保障</span>
                            <i class="fb-sprite icon-new"></i>
                        </a>
                        <a href="user-new-people.html">
                            <em></em>
                            <span>新手指引</span>
                        </a>
                        <a href="user-about-us.html">
                            <em></em>
                            <span>关于我们</span>
                        </a>
                        <a href="user-personal-center.html">
                            <em></em>
                            <span>我的账户</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--内容-->
    <div class="in-container fb-wrap-1200">
        <div class="page-area">
            <a href="ggc-index.html">首页</a>
            <em>></em>
            <a href="ggc-cars-funding.html">众筹汽车</a>
            <em>></em>
            <span>项目详情</span>
        </div>
        <div class="pro-details-box">
            <!---state1-8--->
            <span class="pro-state-img state1"><i class="fb-state-new"></i></span>
            <div class="details-bar">
                <div class="fb-img-box">
                    <div class="slider-container fb-slider-slide" id="detailsBanner">
                        <ul class="slider-bar">
                            <li class="slide-item">
                                <a href="#"><img class="load-img" data-load-src="img/details-img.jpg"></a>

                                <div class="slide-placeholder"></div>
                            </li>
                            <li class="slide-item">
                                <a href="#"><img class="load-img" data-load-src="img/pro-car1.jpg"></a>

                                <div class="slide-placeholder"></div>
                            </li>
                            <li class="slide-item">
                                <a href="#"><img class="load-img" data-load-src="img/pro-car2.jpg"></a>

                                <div class="slide-placeholder"></div>
                            </li>
                            <li class="slide-item">
                                <a href="#"><img class="load-img" data-load-src="img/pro-car3.jpg"></a>

                                <div class="slide-placeholder"></div>
                            </li>
                        </ul>
                        <div class="slider-btn">
                            <a href="javascript:;" class="prev"><i></i></a>
                            <a href="javascript:;" class="next"><i></i></a>
                        </div>
                        <div class="slider-paging"></div>
                    </div>
                </div>
                <!--登陆状态-->
                <div class="details-cont state-login">
                    <h2>第200期201707221201凯迪拉克ATS-L2017款28T技术型项目</h2>
                    <div class="pro-money">
                        <label>
                            <b>目标众筹金额：</b>
                            <span class="tc-ff5e5e"><em>1,000,000</em>元</span>
                        </label>
                        <label class="fl-right">
                            <b>已筹金额：</b>
                            <span class="tc-03bcff"><em>900,000</em>元</span>
                        </label>
                    </div>
                    <div class="pro-time">
                        <span class="title">剩余时间：</span>
                        <label class="cut-down" data-time="2019/10/10">
                            <span class="time-day" data-format="天"></span>
                            <span class="time-hour" data-format="时"></span>
                            <span class="time-minute" data-format="分"></span>
                            <span class="time-second" data-format="秒"></span>
                            <label class="loading">倒计时加载中...</label>
                        </label>
                    </div>
                    <div class="pro-set-money fb-slider-bar">
                        <label class="set-sum">
                            <span>众筹金额：</span>
                            <label class="form-input">
                                <input class="UISlider-input" type="text" placeholder="请输入众筹金额">
                            </label>
                        </label>
                        <div class="fb-slide-box">
                            <label class="min UISlider-min" data-val="100">100 元<br>最小金额</label>
                            <div class="slide-box">
                                <div class="cont UISlider-box"></div>
                            </div>
                            <label class="max UISlider-max" data-val="199">199 元<br>最大金额</label>
                        </div>
                    </div>
                    <div class="pro-balance">
                        <label class="balance-box">
                            <span>可用余额：</span>
                            <b class="tc-ff4a49"><em>200,000</em>元</b>
                        </label>
                        <label class="balance-handle">
                            <a class="fb-btn radius gradient no-bd fs-14" href="javascript:;" id="voteBtn">充值</a>
                            <a class="fb-btn radius gradient no-bd fs-14" href="javascript:;" id="Investment">立即投资</a>
                        </label>
                    </div>
                    <div class="pro-state">
                        <span class="state-text">该车辆已售</span>
                        <a class="state-collect fn-hover-bar" href="javascript:;">
                            <i class="fb-sprite icon-collect"></i>
                            <label class="fb-tips top fn-hover-menu">
                                <em class="fb-arrow-dir"></em>
                                <span data-text="关注该项目">关注该项目</span>
                            </label>
                        </a>
                        <a class="state-clock active fn-hover-bar" href="javascript:;">
                            <i class="fb-sprite icon-clock"></i>
                            <label class="fb-tips top fn-hover-menu">
                                <em class="fb-arrow-dir"></em>
                                <span data-text="预约提醒">预约提醒</span>
                            </label>
                        </a>
                    </div>
                    <div class="pro-progress">
                        <div class="progress-container gradient">
                            <div class="meter finished">80.5%</div>
                            <div class="meter unfinished">10.4%</div>
                            <span class="runner finished"></span>
                            <span class="runner unfinished"></span>
                        </div>
                    </div>
                </div>
                <!--未登陆状态-->
                <div class="details-cont state-not-login" style="display: none;">
                    <h2>第200期201707221201凯迪拉克ATS-L2017款28T技术型项目</h2>
                    <div class="pro-money">
                        <label>
                            <b>目标众筹金额：</b>
                            <span class="tc-ff5e5e"><em>1,000,000</em>元</span>
                        </label>
                        <label class="fl-right">
                            <b>已筹金额：</b>
                            <span class="tc-03bcff"><em>900,000</em>元</span>
                        </label>
                    </div>
                    <div class="pro-time mb-15">
                        <span class="title">最长持有期限：</span>
                        <em class="fs-18">60天</em>
                    </div>
                    <div class="pro-time mb-20">
                        <span class="title">起止时间：</span>
                        <em class="fs-18">2017-05-01 6:00 至 2017-07-01 6:30</em>
                    </div>
                    <div class="pro-set-money fb-slider-bar mb-15">
                        <label class="set-sum">
                            <span>众筹金额：</span>
                            <label class="user-input small-radius form-input">
                                <input class="UISlider-input" type="text" placeholder="请输入众筹金额">
                            </label>
                        </label>
                        <div class="fb-slide-box">
                            <label class="min UISlider-min" data-val="100">100 元<br>最小金额</label>
                            <div class="slide-box">
                                <div class="cont UISlider-box"></div>
                            </div>
                            <label class="max UISlider-max" data-val="9999999">9,999,999 元<br>最大金额</label>
                        </div>
                    </div>
                    <div class="pro-balance mb-15">
                        <label class="balance-box">
                            <span>可用余额：</span>
                        </label>
                        <label class="balance-handle fl-none">
                            <a class="fb-btn radius gradient no-bd fs-14" href="javascript:;">登陆后查看</a>
                            <a class="fb-btn radius none no-bd fs-14" href="javascript:;">即将开始</a>
                        </label>
                    </div>
                    <div class="pro-state">
                        <span class="state-text">该车辆已售</span>
                        <a class="state-collect fn-hover-bar" href="javascript:;">
                            <i class="fb-sprite icon-collect"></i>
                            <label class="fb-tips top fn-hover-menu">
                                <em class="fb-arrow-dir"></em>
                                <span data-text="关注该项目">关注该项目</span>
                            </label>
                        </a>
                        <a class="state-clock active fn-hover-bar" href="javascript:;">
                            <i class="fb-sprite icon-clock"></i>
                            <label class="fb-tips top fn-hover-menu">
                                <em class="fb-arrow-dir"></em>
                                <span data-text="预约提醒">预约提醒</span>
                            </label>
                        </a>
                    </div>
                    <div class="pro-progress">
                        <div class="progress-container gradient end">
                            <div class="meter">50%</div>
                            <span class="runner"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="pro-cont-box">
            <div class="slider-tab-bar">
                <div class="slider-container slider-tab" id="detailsTab">
                    <div class="slider-tab-menu">
                        <ul>
                            <li class="active"><a href="javascript:;">车辆信息</a></li>
                            <li><a href="javascript:;">相关凭证</a></li>
                            <li><a href="javascript:;">投资记录</a></li>
                            <li><a href="javascript:;">投票记录</a></li>
                            <li><a href="javascript:;">项目评价</a></li>
                        </ul>
                    </div>
                    <div class="slider-tab-cont">
                        <div class="slider-bar">
                            <div class="tab-cont">
                                <div class="product-information fb-hide">
                                    <p class="fs-18">
                                        本次众筹<span class="tc-ff5e5e">莱迪拉克ATS-L2017</span>款28T技术项目，全新车系，厂商指导价格：<span
                                            class="tc-ff5e5e">186800元</span>，本次众筹价格：<span
                                            class="tc-ff5e5e">156800元</span>。众筹期限为7天
                                        众筹成功以后出售日期为60日，如60日内未成功出书，则由汇众筹按众筹价格12%年化收益无条件溢价回购。在其间内众筹失败，
                                        则退回资金至汇众筹账户，期间无任何收益。
                                    </p>
                                    <img src="img/details-img1.jpg">
                                    <img src="img/details-img2.jpg">
                                </div>
                                <div class="tab-loading"></div>
                            </div>
                            <div class="tab-cont">
                                <div class="product-voucher fb-hide">
                                    <img src="img/details-img3.jpg">
                                </div>
                                <div class="tab-loading"></div>
                            </div>
                            <div class="tab-cont">
                                <div class="product-record fb-hide">
                                    <table cellpadding="0" cellspacing="0">
                                        <colgroup>
                                            <col width="33.33%">
                                            <col width="33.33%">
                                            <col width="33.33%">
                                        </colgroup>
                                        <thead>
                                        <tr>
                                            <th>参与者</th>
                                            <th>投资金额</th>
                                            <th>投资时间</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <td>*钟祥</td>
                                            <td>￥20,000</td>
                                            <td>2017-06-14 15:31:20</td>
                                        </tr>
                                        <tr>
                                            <td>136****2957</td>
                                            <td>￥20,000,000</td>
                                            <td>2017-06-14 15:31:20</td>
                                        </tr>
                                        <tr>
                                            <td>*钟祥</td>
                                            <td>￥20,000</td>
                                            <td>2017-06-14 15:31:20</td>
                                        </tr>
                                        <tr>
                                            <td>*钟祥</td>
                                            <td>￥20,000</td>
                                            <td>2017-06-14 15:31:20</td>
                                        </tr>
                                        <tr>
                                            <td>*钟祥</td>
                                            <td>￥20,000</td>
                                            <td>2017-06-14 15:31:20</td>
                                        </tr>
                                        <tr>
                                            <td>*钟祥</td>
                                            <td>￥20,000</td>
                                            <td>2017-06-14 15:31:20</td>
                                        </tr>
                                        <tr>
                                            <td>*钟祥</td>
                                            <td>￥20,000</td>
                                            <td>2017-06-14 15:31:20</td>
                                        </tr>
                                        <tr>
                                            <td>*钟祥</td>
                                            <td>￥20,000</td>
                                            <td>2017-06-14 15:31:20</td>
                                        </tr>
                                        <tr>
                                            <td>*钟祥</td>
                                            <td>￥20,000</td>
                                            <td>2017-06-14 15:31:20</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="tab-loading"></div>
                            </div>
                            <div class="tab-cont">
                                <div class="product-vote fb-hide">
                                    <table cellpadding="0" cellspacing="0">
                                        <colgroup>
                                            <col width="15%">
                                            <col width="25%">
                                        </colgroup>
                                        <thead>
                                        <tr>
                                            <th>投票人</th>
                                            <th>投资金额</th>
                                            <th>比例</th>
                                            <th>赞成/反对</th>
                                            <th>投票时间</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <td>*钟祥</td>
                                            <td>￥20,000</td>
                                            <td>2.55%</td>
                                            <td>赞成</td>
                                            <td>2017-06-14 15:31:20</td>
                                        </tr>
                                        <tr>
                                            <td>*钟祥</td>
                                            <td>￥20,000</td>
                                            <td>2.55%</td>
                                            <td>赞成</td>
                                            <td>2017-06-14 15:31:20</td>
                                        </tr>
                                        <tr>
                                            <td>*钟祥</td>
                                            <td>￥20,000</td>
                                            <td>2.55%</td>
                                            <td>赞成</td>
                                            <td>2017-06-14 15:31:20</td>
                                        </tr>
                                        <tr>
                                            <td>*钟祥</td>
                                            <td>￥20,000</td>
                                            <td>2.55%</td>
                                            <td>赞成</td>
                                            <td>2017-06-14 15:31:20</td>
                                        </tr>
                                        <tr>
                                            <td>*钟祥</td>
                                            <td>￥20,000</td>
                                            <td>2.55%</td>
                                            <td>赞成</td>
                                            <td>2017-06-14 15:31:20</td>
                                        </tr>
                                        <tr>
                                            <td>*钟祥</td>
                                            <td>￥20,000</td>
                                            <td>2.55%</td>
                                            <td>赞成</td>
                                            <td>2017-06-14 15:31:20</td>
                                        </tr>
                                        <tr>
                                            <td>*钟祥</td>
                                            <td>￥20,000</td>
                                            <td>2.55%</td>
                                            <td>赞成</td>
                                            <td>2017-06-14 15:31:20</td>
                                        </tr>
                                        <tr>
                                            <td>*钟祥</td>
                                            <td>￥20,000</td>
                                            <td>2.55%</td>
                                            <td>赞成</td>
                                            <td>2017-06-14 15:31:20</td>
                                        </tr>
                                        <tr>
                                            <td>*钟祥</td>
                                            <td>￥20,000</td>
                                            <td>2.55%</td>
                                            <td>赞成</td>
                                            <td>2017-06-14 15:31:20</td>
                                        </tr>
                                        <tr>
                                            <td>*钟祥</td>
                                            <td>￥20,000</td>
                                            <td>2.55%</td>
                                            <td>赞成</td>
                                            <td>2017-06-14 15:31:20</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="tab-loading"></div>
                            </div>
                            <div class="tab-cont">
                                <div class="product-evaluate fb-hide">
                                    <div class="evaluate-box">
                                        <div class="evaluate-item evaluate-user">
                                            <img src="img/per-headImg.jpg">
                                            <span>136****2957</span>
                                        </div>
                                        <div class="evaluate-item evaluate-grade">
                                            <span class="t">本次投票的满意度：</span>
                                            <label class="c start-box start-select">
                                                <i class="fb-sprite icon-start"></i>
                                                <i class="fb-sprite icon-start"></i>
                                                <i class="fb-sprite icon-start"></i>
                                                <i class="fb-sprite icon-start"></i>
                                                <i class="fb-sprite icon-start"></i>
                                            </label>
                                        </div>
                                        <div class="evaluate-item evaluate-text">
                                            <span class="t">项目评价：</span>
                                            <label class="c">
                                                <textarea cols="" rows=""
                                                          placeholder="5分好评，并且满20字的评价有机会获得平台赠送的积分哦!"></textarea>
                                            </label>
                                        </div>
                                        <div class="evaluate-item evaluate-btn">
                                            <a class="fb-btn gradient radius no-bd fl-right" href="javascript:;">发布</a>
                                        </div>
                                    </div>
                                    <div class="evaluate-list">
                                        <table cellpadding="0" cellspacing="0">
                                            <colgroup>
                                                <col width="15%">
                                                <col width="25%">
                                                <col width="35%">
                                                <col width="35%">
                                            </colgroup>
                                            <thead>
                                            <tr>
                                                <th>评价人</th>
                                                <th>满意度</th>
                                                <th>评价内容</th>
                                                <th>评价时间</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr>
                                                <td>*钟祥</td>
                                                <td>
                                                    <label class="start-box">
                                                        <i class="fb-sprite icon-start active"></i>
                                                        <i class="fb-sprite icon-start active"></i>
                                                        <i class="fb-sprite icon-start active"></i>
                                                        <i class="fb-sprite icon-start active"></i>
                                                        <i class="fb-sprite icon-start active"></i>
                                                    </label>
                                                </td>
                                                <td>
                                                    <div class="text">项目汇报很不错，比其它理财强！</div>
                                                </td>
                                                <td>2017-06-14 15:31:20</td>
                                            </tr>
                                            <tr>
                                                <td>*钟祥</td>
                                                <td>
                                                    <label class="start-box">
                                                        <i class="fb-sprite icon-start active"></i>
                                                        <i class="fb-sprite icon-start active"></i>
                                                        <i class="fb-sprite icon-start active"></i>
                                                        <i class="fb-sprite icon-start active"></i>
                                                        <i class="fb-sprite icon-start"></i>
                                                    </label>
                                                </td>
                                                <td>
                                                    <div class="text">总结来说，周期比较长，收益比较其 它理财来说风险小，投入比越大，话 语权／收益越显著，等下轮 。
                                                    </div>
                                                </td>
                                                <td>2017-06-14 15:31:20</td>
                                            </tr>
                                            <tr>
                                                <td>*钟祥</td>
                                                <td>
                                                    <label class="start-box">
                                                        <i class="fb-sprite icon-start active"></i>
                                                        <i class="fb-sprite icon-start active"></i>
                                                        <i class="fb-sprite icon-start"></i>
                                                        <i class="fb-sprite icon-start"></i>
                                                        <i class="fb-sprite icon-start"></i>
                                                    </label>
                                                </td>
                                                <td>
                                                    <div class="text">项目汇报很不错，比其它理财强！</div>
                                                </td>
                                                <td>2017-06-14 15:31:20</td>
                                            </tr>
                                            <tr>
                                                <td>*钟祥</td>
                                                <td>
                                                    <label class="start-box">
                                                        <i class="fb-sprite icon-start active"></i>
                                                        <i class="fb-sprite icon-start active"></i>
                                                        <i class="fb-sprite icon-start active"></i>
                                                        <i class="fb-sprite icon-start active"></i>
                                                        <i class="fb-sprite icon-start active"></i>
                                                    </label>
                                                </td>
                                                <td>
                                                    <div class="text">项目汇报很不错，比其它理财强！</div>
                                                </td>
                                                <td>2017-06-14 15:31:20</td>
                                            </tr>
                                            <tr>
                                                <td>*钟祥</td>
                                                <td>
                                                    <label class="start-box">
                                                        <i class="fb-sprite icon-start active"></i>
                                                        <i class="fb-sprite icon-start active"></i>
                                                        <i class="fb-sprite icon-start active"></i>
                                                        <i class="fb-sprite icon-start active"></i>
                                                        <i class="fb-sprite icon-start active"></i>
                                                    </label>
                                                </td>
                                                <td>
                                                    <div class="text">项目汇报很不错，比其它理财强！</div>
                                                </td>
                                                <td>2017-06-14 15:31:20</td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="tab-loading"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--底部-->
    <div class="in-footer-bar">
        <div class="fb-wrap-1200">
            <div class="footer-cont">
                <div class="footer-intro clear">
                    <div class="about-us">
                        <h2>关于我们</h2>
                        <ul>
                            <li>
                                <label>客服热线: <span>023-6281-7690</span></label>
                            </li>
                            <li>
                                <label>公司地址：重庆市南岸区烟雨路1号（大都水汇旁）</label>
                            </li>
                            <li>
                                <label>工作时间：周一到周五 09:00-18:00</label>
                            </li>
                            <li>
                                <label>服务邮箱：hzccan@qq.com</label>
                            </li>
                        </ul>
                    </div>
                    <div class="keep-us">
                        <h2>关注下载</h2>
                        <label>
                            <img src="img/icon-ewm.png">
                            <span>扫一扫关注微信公众号</span>
                        </label>
                        <label>
                            <img src="img/icon-ewm.png">
                            <span>扫一扫下载APP</span>
                        </label>
                    </div>
                    <div class="exterior-links">
                        <h2>友情链接</h2>
                        <label>
                            <a href="#">黑客帝国</a>
                            <a href="#">长江证券</a>
                            <a href="#">平安保险</a>
                            <a href="#">站长统计</a>
                        </label>
                    </div>
                </div>
            </div>
            <span class="copyright">2010-2017 版权所有 © 滚滚筹 粤ICP备16104116号-1</span>
        </div>
    </div>
    <!--右侧浮动菜单-->
    <div class="in-float-nav">
        <ul>
            <li>
                <a href="user-feedback.html">
                    <i class="fb-sprite icon-feed"></i>
                    <span>意见反馈</span>
                </a>
            </li>
            <li>
                <a href="user-help.html">
                    <i class="fb-sprite icon-help"></i>
                    <span>帮助中心</span>
                </a>
            </li>
            <li>
                <a class="show-service" href="javascript:;">
                    <i class="fb-sprite icon-service-people"></i>
                    <span>客服中心</span>
                </a>
            </li>
            <li>
                <a class="show-ewm fn-hover-bar" href="javascript:;">
                    <i class="fb-sprite icon-ewm"></i>
                    <span>扫码下载</span>
                    <label class="ewm-bar fn-hover-menu clear">
                        <b class="fb-arrow-dir right"></b>
                        <label>
                            <img src="img/icon-ewm.png">
                            <em>扫一扫 关注公众号</em>
                        </label>
                        <label>
                            <img src="img/icon-ewm.png">
                            <em>扫一扫 下载APP</em>
                        </label>
                    </label>
                </a>
            </li>
            <li>
                <a class="go-top" href="javascript:;">
                    <i class="fb-sprite icon-top"></i>
                    <span>返回顶部</span>
                </a>
            </li>
        </ul>
    </div>
</div>

<script type="text/template" id="InvestmentCont">
    <div class="investment-cont">
        <div class="in-select mb-15">
            <span class="t">增益券 :</span>
            <label class="c fb-select-bar big">
                <select>
                    <option value="0" selected>选择可用的增益券</option>
                    <option value="1">1.5%增益券</option>
                    <option value="2">2.5%增益券</option>
                </select>
            </label>
        </div>
        <div class="in-integral mb-25">
            <div class="c">
                <label class="fb-check-box">
                    <em>
                        <i class="fb-sprite icon-checked"></i>
                        <input type="checkbox">
                    </em>
                    <span>使用积分（您目前积分余额为1500分）</span>
                </label>
                <div class="use-integral">
                    <div class="fb-inline-block p-rel">
                        <label class="form-input clean">
                            <input type="text" placeholder="本次最大可用积分为500" value="">
                            <a class="clean-btn" href="javascript:;"><i class="fb-sprite icon-clean"></i></a>
                        </label>
                        <div class="form-tips">
                            <label><b class='fb-arrow-dir left'></b>不能超过最大使用积分数</label>
                        </div>
                    </div>
                    <a class="fb-btn background red line-block" href="javascript:;" id="useIntegral">使用积分</a>
                </div>
            </div>
        </div>
        <div class="in-money mb-15">
            <label><span>认筹余额：</span><em>1000.00元</em></label>
            <label><span>实际支付金额：</span><em>5500.00元</em></label>
        </div>
        <div class="in-password mb-15">
            <span>支付密码：</span>
            <div class="fb-inline-block p-rel">
                <label class="form-input clean">
                    <input type="password" placeholder="输入您的支付密码" id="password">
                    <a class="clean-btn" href="javascript:;"><i class="fb-sprite icon-clean"></i></a>
                </label>
                <div class="form-tips">
                    <label><b class='fb-arrow-dir left'></b>支付密码错误，请重新输入！</label>
                </div>
            </div>
            <a class="forget" href="user-forget-payPwd.html">忘记支付密码？</a>
        </div>
    </div>
</script>
<script type="text/template" id="voteCont">
    <div class="vote-cont">
        <p>1、投票结果才去少数服从多数的原则，赞成（或 不赞成）投票人数超过众筹总人数的50%即视为 当此投票通过。 </p>
        <p>2、投票结果才去少数服从多数的原则，赞成（或 不赞成）投票人数超过众筹总人数的50%即视为 当此投票通过。 </p>
        <p>3、投票结果才去少数服从多数的原则，赞成（或 不赞成）投票人数超过众筹总人数的50%即视为 </p>
    </div>
    <div class="vote-intro">
        <div class="form-list clearfix">
            <div class="item-text">
                <span class="t">众筹金额：</span>
                <span class="c tc-ff3d3d">￥56233.65</span>
            </div>
            <div class="item-text">
                <span class="t">回款金额：</span>
                <span class="c tc-ff3d3d">￥11233.65</span>
            </div>
            <div class="item-text">
                <span class="t">收益率：</span>
                <span class="c tc-ff3d3d">11.11%</span>
            </div>
        </div>
    </div>
</script>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/jquery.sliderBox.float.min.js"></script>
<script src="js/jquery.jbox.js"></script>
<script src="js/fb-common.js"></script>
<script src="js/fb-page.js"></script>
<script type="text/javascript">
    $(function () {
        //配置弹窗
        $.jBox.configFun(function (opt) {
            opt.isVertical = false;
        });

        //产品图片滚动
        newSliderBox("#detailsBanner", "slide", {
            autoPlay: 3000,
            direction: "H",
            loop: true
        });

        //产品详情tab切换
        var _timer_ = 0;
        newSliderBox("#detailsTab", "tab", {
            events: "click",
            direction: "H",
            loop: false,
            initFun: function (opt) {
                var $cur = opt.currentEle;
                if (!$cur.hasClass("loadEnd")) {
                    setTimeout(function () {
                        $cur.addClass("loadEnd").children().removeClass("fb-hide");
                        $cur.find(".tab-loading").hide();
                    }, 1000);
                }
            },
            beforeMoveFun: function (opt) {
                clearTimeout(_timer_);
                var $cur = opt.currentEle;
                if ($cur.hasClass("loadEnd")) {
                    opt.$boxEle.height($cur.height() + opt.$boxEle.find(opt.menuBar).height());
                } else {
                    opt.$boxEle.height(460);
                    $cur.find(".tab-loading").height(opt.$boxEle.height());
                }
            },
            autoPlayFun: function (opt) {
                clearTimeout(_timer_);
                var $cur = opt.currentEle;
                if (!$cur.hasClass("loadEnd")) {
                    _timer_ = setTimeout(function () {
                        $cur.addClass("loadEnd").find(".tab-loading").hide();
                        $cur.children().removeClass("fb-hide");
                        opt.$boxEle.height($cur.height() + opt.$boxEle.find(opt.menuBar).height());
                    }, 1000);
                } else {
                    opt.$boxEle.height($cur.height() + opt.$boxEle.find(opt.menuBar).height());
                }
            }
        });

        //进度条
        $(".pro-progress").each(function () {
            setProgress($(this));
        });
        //点击收藏
        $(".state-collect").click(function () {
            var that = this;
            var text = !$(that).hasClass("active") ? "已关注该项目" : "已取消关注该项目";
            FB.elementAddCls(that, "active").toggle();
            $.jBox.alert(text);
        });
        //点击预约提醒
        $(".state-clock").click(function () {
            var that = this;
            var text = !$(that).hasClass("active") ? "已开启预约提醒！" : "已关闭预约提醒！";
            FB.elementAddCls(that, "active").toggle();
            $.jBox.alert(text);
        });

        //初始化jquery-ui slider
        $(".fb-slider-bar").each(function () {
            var slideBox = new UISliderHandle(this);
            slideBox.slideInit();
        });

        //立即投资
        $("#Investment").click(function () {
            var text = $("#InvestmentCont").html();
            var title = "确认并支付";
            $.jBox.btnAlert(text, {
                boxCls: "investment-box",
                title: title,
                top: "10%",
                btn: {
                    text: ["确认支付"],
                    closeType: 3,
                    jEnsure: function () {
                        var $psd = $("#password");
                        if ($psd.val() !== "123456") {
                            $psd.parent().addClass("error");
                            $psd.parent().next().show();
                        } else {
                            $.jBox.closeFun(function () {
                                console.log("输入密码：123456");
                            });
                        }
                    }
                },
                configCallback: function () {
                    var opt = {};
                    var css = opt.css = {};
                    css.boxCSS = {
                        width: 640
                    };
                    return opt;
                },
                beforeClassFun: function (opt) {
                    opt.jEnsure.addClass("fb-btn radius gradient no-bd fs-14");
                    //修复PlaceHolder
                    FB.JPlaceHolder.init();
                    //选择协议
                    formChecked(".fb-check-box", function () {
                        $(this).next().toggle();
                    });

                    //模拟下拉框
                    FB.selectBar(".fb-select-bar");

                    //使用积分
                    $("#useIntegral").click(function () {
                        var $integral = $(".use-integral");
                        var $form = $integral.find(".form-input");
                        if ($form.find("input").val() > 1500) {
                            $form.addClass("error");
                            $form.next().show();
                        }
                    });

                    //绑定input
                    $(".investment-cont").find(".form-input input").focus(function () {
                        $(this).next().show();
                        $(this).parent().removeClass("error");
                        $(this).parent().next().hide();
                    }).blur(function () {
                        if (!$(this).val()) {
                            $(this).next().hide();
                        }
                    });

                    $(".clean-btn").each(function () {
                        clearText(this, $(this).prev());
                    });
                },
                afterClassFun: function (opt) {
                    opt.boxCont.height("auto");
                }
            });
        });

        //立即投票
        $("#voteBtn").click(function(){
            $.jBox.confirm($("#voteCont").html(), {
                boxCls: "vote-box",
                title: "我要投票",
                top: "10%",
                btn: {
                    text: ["<em class='tc-success tm-bold fs-16'>31.33%</em><span>赞成</span>", "<em class='tc-error tm-bold fs-16'>31.33%</em><span>反对</span>"],
                    jEnsure: function (opt) {
                        $.jBox.alert("你点击了赞成按钮！");
                    },
                    jCancel: function (opt) {
                        $.jBox.alert("您点击了反对按钮！");
                    }
                },
                configCallback: function () {
                    var opt = {};
                    var css = opt.css = {};
                    css.boxCSS = {
                        width: 640
                    };
                    return opt;
                },
                beforeClassFun: function (opt) {
                    opt.boxBtn.width(450).height(80).find("a").css({
                        "width": "180px",
                        "margin": "auto",
                        "background": "transparent",
                        "border": "0 none",
                        "height": "auto",
                        "line-height": "normal"
                    }).find("em").css({
                        "display": "block",
                        "margin-bottom": "5px"
                    });
                    opt.jEnsure.find("span").addClass("fb-btn radius gradient no-bd fs-14");
                    opt.jCancel.find("span").addClass("fb-btn radius gradient no-bd fs-14");
                }
            });
        });
    })
</script>
</body>
</html>